<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>yeeZiWWWu全球超级购物网站-支付页面</title>
    <style>
        body {
            background-image: url("背景03.jpeg"); /* 设置背景图片 */
            /*把背景图片放大到适合元素容器的尺寸，图片比例不变*/
            /* 背景图片全屏 */
            background-repeat:no-repeat;
            background-attachment: fixed;
            /*background-size:cover;*/
            background-size: 100% 100%;
        }

        /* 头部——图标 */
        .header_icon {
            float:left;/*居于页面左边*/
            width:200px;/*宽度*/
            height: 135px;/*高度*/
            text-align: center;/*文本居中对齐*/
            background-image: url("椰子.png"); /*设置盒子背景*/    /*当图片属于网页内容时，必须使用img元素*/ /*当图片仅用于美化页面时，必须使用背景图*/
            background-repeat: no-repeat;
            background-size: 100%; /* 调整背景图片大小以适应页面 */
        }


        /*!*头部——功能菜单主按钮式导航*!*/
        *{padding: 20px;margin: 10px;font-size: 30px} /*padding导航宽度//margin导航下滑位置//front-size标签字体大小*/
        nav{ width:736px;height: 30px;background-color: whitesmoke ;opacity:0.9;position: fixed; top: 25px; left: 450px}/*此处的position是修改底框*/
        .main{width: 88%;margin:0;height: 30px}
        nav a{
        display: inline-block;
        font-family: '黑体';/*功能按钮字体*/
        color: cornflowerblue;/*功能按钮字体颜色*/
        text-decoration: none;
        width: 200px;/*每个标签的宽度*/
        height: 100%;
        /*text-align: center;!*标签文字居中*!*/
        line-height: 1px;/*字体位置*/
        }
        nav a:hover{/*鼠标指针移动到按钮时变色*/
        background: lightblue;
        }
        </style>

<!--    订单信息显示-->

    <!--    确定收获地址信息-->

</head>
<body>
<!--图标可视化-->
<div class="header_icon" style="position:fixed; top: 20px; left: 60px"></div>

<!--头部——功能菜单主按钮式导航-->
<nav>
    <div class="main" style="opacity:0.8;position:fixed; top: 5px; left: 430px;  "><!--此处的position是修改触动框-->
        <a href="#">首页</a>
        <a href="#">个人信息</a>
        <a href="serviceSite.jsp">联系客服</a>
    </div>
</nav>


<!--form表单——确认收货地址-->
<form action="/mavenPro000_war_exploded/PayServlet" method="post"
      style="position: fixed;top: 150px;left: 420px;width:800px;height: 570px;/*宽度高度*/
      border-radius: 5%;  opacity:0.8; background-color: white;border:5px  cornflowerblue solid;/*圆角、背景、透明度 */">
    <table align="center" >

        <!--网页标题-->
        <p style="color: cornflowerblue;font-size: 50px;position:fixed; top: 150px;left: 400px;">—————收货地址确认—————</p>
        <!--收货人姓名-->
        <tr>
            <td style="font-family: '微软雅黑';font-size: 40px;position:fixed; top: 280px;left: 430px;color: cornflowerblue;">收货人姓名:</td>
            <td><input type="text" name="username" style="border-radius: 10%;position:fixed; top: 290px;right: 580px;width: 250px; height: 30px;border: none;background-color: whitesmoke"></td>
        </tr>
        <!--收货地址-->
        <tr>
            <td style="font-family: '微软雅黑';font-size: 40px;position:fixed; top: 380px;left: 430px;color: cornflowerblue;" >联系&nbsp;&nbsp;&nbsp;电话:</td>
            <td><input type="text" name="phone" style="border-radius: 10%;position:fixed; top: 390px;right: 580px;width: 250px; height: 30px;border: none;background-color: whitesmoke"></td>
        </tr>
        <!--联系电话-->
        <tr>
            <td style="font-family: '微软雅黑';font-size: 40px;position:fixed; top: 480px;left:430px;color: cornflowerblue;">收货&nbsp;&nbsp;&nbsp;地址:</td>
            <td><input type="text" name="address" style="border-radius: 10%;color: cornflowerblue;font-size:20px;position:fixed; top: 490px;right: 330px;width: 500px; height: 30px;border: none;background-color: whitesmoke"></td>
        </tr>

        <tr>
            <td style="font-family: '微软雅黑';font-size: 40px;position:fixed; top: 580px;left:430px;color: cornflowerblue;">备注&nbsp;&nbsp;&nbsp;信息:</td>
            <td><input type="text" name="address" style="border-radius: 15%;color: cornflowerblue;font-size:20px;position:fixed; top: 590px;right: 330px;width: 500px; height: 120px;border: none;background-color: whitesmoke"></td>
        </tr>

        <tr>
            <td colspan="2" align="center">
                <button name="ArightButton" style="position:fixed; top: 800px;left:  500px;
                      font-size:25px;border: none;width: 250px; height: 20px;  border-radius: 10%;
                      color: white;background-color: lightblue" ><p style="position:fixed; top: 790px;right: 580px;">确认无误，购买</p></button>
            </td>
        </tr>

    </table>
</form>

<a href="#" >
    <div style="position:fixed; top: 800px;right: 450px;
    font-size:25px;border: none;width: 150px; height: 20px;  border-radius: 10%;
    color: white;background-color: lightblue">
        <p style="position:fixed; top: 790px;right: 450px;">返回购物车</p>
    </div>
</a>


</body>
</html>